<template>
  <div class="app-container">

    <SearchContent :queryParams="queryParams" @query="handleQuery" @reset="resetQuery">
      <el-col :span="6">
        <el-form-item label="订单编号:" prop="contractReportNumber">
          <el-input v-model="queryParams.contractReportNumber" clearable placeholder="请输入合同禀议编号"></el-input>
        </el-form-item>
      </el-col>

      <el-col :span="6">
        <el-form-item label="出租方:" prop="workOrderStatus">
          <el-select v-model="queryParams.workOrderStatus" placeholder="请选择工单状态">

          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="6">
        <el-form-item label="承租方:" prop="workOrderStatus">
          <el-select v-model="queryParams.workOrderStatus" placeholder="请选择工单状态">

          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="6">
        <el-form-item label="退保状态:" prop="workOrderStatus">
          <el-select v-model="queryParams.workOrderStatus" placeholder="请选择工单状态">

          </el-select>
        </el-form-item>
      </el-col>

      <el-col :span="6">
        <el-form-item label="财务状态:" prop="workOrderStatus">
          <el-select v-model="queryParams.workOrderStatus" placeholder="请选择工单状态">

          </el-select>
        </el-form-item>
      </el-col>

    </SearchContent>

    <div class="card-wrap card-padding">
      <div class="table-title-wrap justify-end">

        <e-button type="primary" size="mini"
                  v-hasPermi="['deliveryVehicle:index:add']"
                  @click="handleAdd">
          新增
        </e-button>

      </div>
      <table-page :loading="loading" :dataList="dataList" :total="total" :page.sync="queryParams.pageNum"
                  :limit.sync="queryParams.pageSize" @setSizeCurrent="handleList" :isSelect="false" border>
        <template slot="tableColAc">
          <el-table-column label="操作" align="center" fixed="left" min-width="100">
            <template slot-scope="{row}">
              <el-button size="mini" type="text" v-hasPermi="['deliveryVehicle:index:view']"
                         @click="handleView(row, 'view')">查看
              </el-button>

            </template>
          </el-table-column>

        </template>

        <template slot="tableCol">
          <el-table-column align="center" label="审核状态" min-width="130">
            <template #default="{row}">
            </template>
          </el-table-column>


          <el-table-column align="center" label="财务状态" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="订单号" min-width="160">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="出租方" show-overflow-tooltip min-width="160" prop="ascription"/>

          <el-table-column align="center" label="承租方" min-width="160" show-overflow-tooltip prop="customerName"/>

          <el-table-column align="center" label="交车总数量" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="已交车数量" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="未交车数量" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="退保证金车辆数" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="退保金额" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

          <el-table-column align="center" label="申请人" min-width="130">
            <template #default="{row}">

            </template>
          </el-table-column>

        </template>
      </table-page>
    </div>

    <addDialog ref="refAddDialog" />
  </div>
</template>

<script>
import SearchContent from "@/components/SearchContent/index.vue";
export default {
  name: 'DeliveryVehicleList',
  components: {
    SearchContent,
    addDialog:()=>import('./components/addDialog.vue')
  },
  computed: {},
  watch: {},
  data() {
    return {
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
      total: 0,
      loading: false,
      dataList: [
        {carNo: '656223'}
      ],
      companyOriginList: []
    };
  },
  created() {
  },
  mounted() {
  },
  methods: {

    handleList() {

    },

    handleView(row) {
      this._toPage({
        path: "/vehicleOrder/orderManagement/DeliveryVehicleDetails",
        name: 'DeliveryVehicleDetails',
      });
    },

    handleQuery() {

    },

    resetQuery() {

    },

    handleAdd() {
      this.$refs.refAddDialog.handleOpen()
    },
  },
};
</script>

<style scoped lang=""></style>


